<style type="text/css">

</style>
<div class="panel panel-default panel-col fixpwd" style="display: none;">
	<div class="panel-heading">安全设置</div>
	<div class="panel-body">
		<ul class="nav nav-pills selection">
			<li class="active safety">
				<a id="">修改密码</a>
			</li>
			<li class="safety" style="display:none">
				<a id="">绑定手机</a>
			</li>
		</ul>
		<form id="settings-password-form" class="form-horizontal form-safety" method="post">
			<div class="alert alert-success help-block-none"></div>
			<div class="form-group">
				<div class="col-md-2 control-label"><label for="form_currentPassword" class="required"><small class="text-danger">*</small>当前密码</label></div>
				<div class=" col-md-8 controls">
					<input type="password" id="form_currentPassword" name="currentPassword" required class="form-control" data-widget-cid="widget-2" data-explain="" data-rule-currentPwdValidator="true" placeholder="请输入当前密码">
					<div class="help-block"></div>
				</div>
			</div>
			<div class="form-group">
				<div class="col-md-2 control-label"><label for="form_newPassword" class="required"><small class="text-danger">*</small>新密码</label></div>
				<div class=" col-md-8 controls">
					<input type="password" id="form_newPassword" name="newPassword" required data-rule-passwordVaild="true" class="form-control" data-widget-cid="widget-3"  data-explain="" data-rule-minlength="8" data-rule-maxlength="16" data-rule-required="true" placeholder="新密码必填，最短8位，最长16位">
					<div class="help-block"></div>
				</div>
			</div>
			
			<div class="form-group">
				<div class="col-md-2 control-label"><label for="form_confirmPassword" class="required"><small class="text-danger">*</small>确认密码</label></div>
				<div class=" col-md-8 controls">
					<input type="password" id="form_confirmPassword" name="confirmPassword" required class="form-control" data-widget-cid="widget-4" data-explain="" data-rule-equalTo="#form_newPassword" placeholder="请确认您的密码">
					<div class="help-block"></div>
				</div>
			</div>
			
			<div class="form-group">
				<div class="col-md-2 control-label"></div>
				<div class="controls col-md-8 controls">
					<button id="password-save-btn" class="btn btn-primary1">提交</button>
				</div>
			</div>
   		</form>
    	<form id="bind-phone-form" class="form-horizontal form-safety" method="post" style="display: none;">
			<div class="alert alert-success help-block-none"></div>
			<div class="form-group">
				<div class="col-md-2 control-label"><label for="phoneNumberId" class="required"><small class="text-danger">*</small>手机号</label></div>
				<div class=" col-md-8 controls">
					<input type="number" id="phoneNumberId" name="phoneNumber" class="form-control"  data-explain=""  placeholder="请输入需要绑定的手机号">
					<div class="help-block phone-numberId-message"></div>
				</div>
			</div>

			<div class="form-group">
				<div class="col-md-2 control-label"><label for="verificationCodeId" class="required"><small class="text-danger">*</small>验证码</label></div>
				<div class=" col-md-8 controls">
					<div class="row">
						<div class="col-md-8">
							<input class=" form-control" type="text" id="verificationCodeId" name="verificationCode"  class="form-control" data-explain="" placeholder="请输入左侧验证码">
						</div>
						<div class="col-md-4">
							<img src="${contextPath}/portal/captcha/generateCaptcha.do" id="verificationImg" title="看不清，点击换一张" style="cursor:pointer;height:34px;width:100%">
						</div>
					</div>
					<div class="help-block verification-code-message"></div>
				</div>
			</div>
			
			<div class="form-group">
				<div class="col-md-2 control-label"><label for="noteCodeId" class="required"><small class="text-danger">*</small>短信验证码</label></div>
				<div class=" col-md-8 controls">
					<div class="row">
						<div class="col-md-8">
							<input id="noteCodeId" type="text"  name="noteCode"   class="form-control" data-explain="" placeholder="请输入收到的手机验证码">
						</div>
						<div class="col-md-4">
							<button  data-toggle="modal" class="btn btn-default js-sms-send" style="width: 100%;" id="noteBtn" disabled>
								<span id="js-time-left"></span>
								<span id="js-fetch-btn-text">获取短信验证码</span>
							</button>
						</div>
					</div>
					<div class="help-block note-message-state"></div>
				</div>
			</div>

			<div class="form-group">
				<div class="col-md-2 control-label"></div>
				<div class="controls col-md-8 controls">
					<input type="button" id="submitBtn" data-submiting-text="正在保存" class="btn btn-primary1" id="submitBtn" disabled value="提交">
				</div>
			</div>
			<div class="alert alert-success text-center" style="display: none;" id="submitMessage"></div>
		</form>
			
	</div>
</div>